<!DOCTYPE html>
<html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="x-rim-auto-match" content="none">

<title>海苔君</title>
<link rel="stylesheet" type="text/css" href="../css/shop/sum.css?7"/>
</head>

<body>

<div class="fullscreen-yscroll">
    <div class="coupon-add">
        <input type="text" class="key" placeholder="请输入优惠码"/>
        <a  class="sbtn" >兑换</a>

    </div>

    <div class="coupon-tab">
        <div class="useful active">
            可用优惠券（1）
        </div>
        <div class="useless">
            不可用优惠券（0）
        </div>
        <div class="line"></div>
    </div>

    <ul class="coupon-list">
        <li>
            <div class="con">
                <div class="box box1">
                    <div class="icon-radio selected"></div>

                </div>
                <div class="box box2">
                    <p class="price">￥<span>300</span></p>
                    <p class="tip">满100可用满100可用满</p>
                </div>
                <div class="box box3">
                    <p class="name">
                        海苔君惊喜体验
                    </p>
                    <p class="time">
                        2016.08.22-2016.09.21
                    </p>
                </div>

            </div>
        </li>
        <li>
            <div class="con">
                <div class="box box1">
                    <div class="icon-radio "></div>

                </div>
                <div class="box box2">
                    <p class="price">￥<span>300</span></p>
                    <p class="tip">满100可用满100可用满100可用满100可用满100可用满100可用满100可用满100可用</p>
                </div>
                <div class="box box3">
                    <p class="name">
                        海苔君惊喜体验券海苔君惊喜体
                    </p>
                    <p class="time">
                        2016.08.22-2016.09.21
                    </p>
                </div>

            </div>
        </li>
        <li>
            <div class="con">
                <div class="box box1">
                    <div class="icon-radio"></div>

                </div>
                <div class="box box2">
                    <p class="price">￥<span>300</span></p>
                    <p class="tip">满100可用满100可用满</p>
                </div>
                <div class="box box3">
                    <p class="name">
                        海苔君惊喜体验券
                    </p>
                    <p class="time">
                        2016.08.22-2016.09.21
                    </p>
                </div>

            </div>
        </li>

        <li>
            <div class="con">
                <div class="box box1">
                    <div class="icon-radio"></div>

                </div>
                <div class="box box2">
                    <p class="price">￥<span>300</span></p>
                    <p class="tip">满100可用满100可用满</p>
                </div>
                <div class="box box3">
                    <p class="name">
                        海苔君惊喜体验券
                    </p>
                    <p class="time">
                        2016.08.22-2016.09.21
                    </p>
                </div>

            </div>
        </li>

        <li>
            <div class="con">
                <div class="box box1">
                    <div class="icon-radio"></div>

                </div>
                <div class="box box2">
                    <p class="price">￥<span>300</span></p>
                    <p class="tip">满100可用满100可用满</p>
                </div>
                <div class="box box3">
                    <p class="name">
                        海苔君惊喜体验券
                    </p>
                    <p class="time">
                        2016.08.22-2016.09.21
                    </p>
                </div>

            </div>
        </li>
    </ul>

    <div style="height:100px;"></div>
</div>



<div class="tc addaddr">
    <a href="javascript:;" class="btn-cl2">
        确认使用
    </a>
</div>

<script src="../js/lib/jquery-2.1.1.min.js"></script>

</body>
</html>
